<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="lib/bootstrap-datetimepicker.min.css">
    <script src="lib/jquery.js"></script>
    <script src="lib/bootstrap.min.js"></script>
    <script src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<div class="title">
    <span class="right"><a href="../WPD/login.html">登出</a></span>
    <span class="right username"></span>
</div>
<div class="main">
    <div class="list">
        <ul class="nav nav-tabs" style="display: none;">
            <li class="active"><a href="#panebody" data-toggle="tab">Home</a></li>
            <li><a href="#detail" data-toggle="tab">详情</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="panebody">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#list" data-toggle="tab">列表</a></li>
                    <li><a href="#add" data-toggle="tab">添加</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="list">
                        <form class="form-inline" name="form" style="margin-bottom: 10px;">
                            <label class="unit">单位：</label>
                            <select id='searchUnit' class="unit input-small" style="width: 100px;">
                            </select>
                            <label class="repairPeople">维修人员：</label>
                            <select id='searchrepairPeople' class="repairPeople input-small" style="width: 100px;">
                            </select>
                            <label>处理状态：</label>
                            <select id='searchState' class="input-small" style="width: 100px;">
                                <option value="" class="">所有状态</option>
                                <option value="2">已上报</option>
                                <option value="3">已批准</option>
                                <option value="4">维修中</option>
                                <option value="5">完成</option>
                                <option value="6">取消</option>
                            </select>
                            <button class="btn btn-primary" type="button" id="formList">查询</button>
                            <button class="btn btn-primary right" type="button" id="add-Unit">添加所</button>
                            <button class="btn btn-primary right" type="button" id="add-User">添加用户</button>
                        </form>
                        <table id="list-table" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>标题</th>
                                <th>内容</th>
                                <th>申报人</th>
                                <th>申报时间</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div class="right" id="extraTotal">总计：<span></span>条</div>
                    </div>
                    <div class="tab-pane" id="add">
                        <div>
                            <div class="control-group">
                                <label class="control-label">标题：</label>
                                <div class="controls">
                                    <input type="text" id="repairTitle">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">描述：</label>
                                <div class="controls">
                                    <textarea id="repairContent" style="width:400px;height:300px;"></textarea>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label"></label>
                                <div class="controls">
                                    <button type="button" id='submit' class="btn btn-primary">提
                                        交
                                    </button>
                                    <button type="button" id='cancel' class="btn btn-primary">
                                        取 消
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="detail">

            </div>
        </div>
    </div>
    <div class="detail">
    </div>
    <!--分配-->
    <div class="modal fade" tabindex="-1" role="dialog" id="distribution">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">分配</h4>
                </div>
                <div class="modal-body">
                    <div class="modal-body">
                        <div class="control-group">
                            <label class="control-label">维修人员：</label>
                            <div class="controls">
                                <select id="repair-people">
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">预计时间：</label>
                            <div class="controls">
                                <input id='choiceDateTime' class="choiceDateTime" style="width: 120px; padding: 4px 0;"
                                       placeholder="点击选择时间" type="text" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="saveDistribution">分配</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--评分-->
    <div class="modal fade" tabindex="-1" role="dialog" id="score">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">评价</h4>
                </div>
                <div class="modal-body">
                    <div class="modal-body">
                        <div class="control-group">
                            <label class="control-label">评价：</label>
                            <div class="controls">
                                <input id="scorevalue" type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="saveScore">保存</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--添加用户-->
    <div class="modal fade" id="addUser">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加用户</h4>
                </div>
                <div class="modal-body">
                    <div id="addUsers" style="padding-left: 20px;">
                        <div class="control-group">
                            <label class="control-label">用户类型：</label>
                            <div class="controls">
                                <select id="llevel">
                                    <option value="1">民警</option>
                                    <option value="2">所领导</option>
                                    <option value="3">通讯科</option>
                                    <option value="4">维修人员</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group" id="user-units">
                            <label class="control-label">单位：</label>
                            <div class="controls">
                                <select id="depid">
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">姓名：</label>
                            <div class="controls">
                                <input id="cnname" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">用户名：</label>
                            <div class="controls">
                                <input id="username" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">密码：</label>
                            <div class="controls">
                                <input id="password" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">确认密码：</label>
                            <div class="controls">
                                <input id="password2" type="text">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="saveUser">保存</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!--添加所-->
    <div class="modal fade" id="addUnit">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">添加</h4>
                </div>
                <div class="modal-body">
                    <label>单位名称：</label><input type="text" id="sname">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="saveSuo">保存</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>